#trend_btn_save{position:absolute;top:.8rem;right:0;width:6rem;line-height:3.4rem;border-radius:.2rem;color:#fff;font-size:1.6rem;background-color:rgba(0,0,0,0.3);z-index:10d}
#trendbox{background-color:#fff;width:90%;padding:0 5% 10%;clear:both;overflow:auto;text-align:left;margin-top:5rem}
#trendbox textarea{width:100%;height:8rem;background-color:#fff;line-height:150%;font-size:1.6rem;border:0;margin:1rem 0 1rem;resize:none}
#trendbox h4{width:100%;text-align:right;color:#999;font-size:1.3rem;margin-bottom:2.5rem}
#trendbox ul li{width:8rem;height:8rem;line-height:8rem;border-radius:.2rem;margin:0 2.8rem 1.5rem 0;float:left;position:relative;text-align:center;-webkit-tap-highlight-color:rgba(0,0,0,0)}
#trendbox ul li:first-child,#trendbox ul li b{background-size:12rem 8rem;background-repeat:no-repeat}
#trendbox ul li:first-child{width:7.8rem;height:7.8rem;line-height:100%;border:#dedede 1px solid}
#trendbox ul li:first-child i.ico{color:#aaa;font-size:4rem;height:4rem;line-height:4rem;margin-top:.8rem}
#trendbox ul li:first-child span{display:block;color:#aaa;margin-top:.5rem}
#trendbox ul li:nth-child(n+2):hover{cursor:pointer;background-color:#000}
#trendbox ul li:hover img{filter:alpha(opacity=60);-moz-opacity:0.6;opacity:0.6}
#trendbox ul li img{width:100%;height:100%;border-radius:.2rem;display:block;object-fit:cover;-webkit-object-fit:cover}
#trendbox ul li b{width:2rem;height:2rem;top:-1rem;right:-1rem;display:block;position:absolute;border-radius:1rem;background-position:-8rem top;display:block;box-shadow:0 0 .5rem rgba(0,0,0,0.3);z-index:9}
#trendbox ul li b:hover{background-position:-10rem top;cursor:pointer}
/*add*/
.trend_add{background:#fff;position:fixed;bottom:1rem;text-align:center;line-height:1.6rem;left:-webkit-calc(50% - 3rem);display:block;width:6rem;height:6rem;line-height:1.6rem;font-size:1.2rem;border-radius:3.2rem;color:#fff;margin-bottom:constant(safe-area-inset-bottom);margin-bottom:env(safe-area-inset-bottom);}
.trend_add i{font-size:2.5rem;line-height:2rem;height:2rem;display:block;margin-top:1.1rem;margin-bottom:.3rem}

/*li*/
.qun_trend{overflow-x:hidden;overflow:auto;padding-bottom:10rem;margin-top:5rem}
.qun_trend dl{width:90%;padding:2rem 5%;margin:1rem auto;background-color:#fff;position:relative;border-bottom:1rem #f8f8f8 solid}
.qun_trend dl:last-child{border:0}
.qun_trend dl dt,.qun_trend dl dd{float:left}
.qun_trend dl dt{width:4.4rem;height:4.4rem;margin-right:1.5rem;position:relative}
.qun_trend dl dt img{width:4.4rem;height:4.4rem;border-radius:2.2rem;display:block;object-fit:cover;-webkit-object-fit:cover}
.qun_trend dl dt span{width:4.4rem;line-height:2rem;height:2rem;font-size:1.2rem;border-radius:1.5rem;color:#fff;display:inline-block;position:absolute;top:3.1rem;left:0;text-align:center}
.qun_trend dl dd{width:-webkit-calc(100% - 6rem);text-align:left;position:relative;min-height:10rem}
a.delmy{font-size:2rem;position:absolute;right:0;top:0;color:#999}
.qun_trend dl dd h2{font-size:1.4rem;color:#666;width:80%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:.2rem}
.qun_trend dl dd h2 span,.qun_trend dl dd h2 img{display:inline-block;vertical-align:middle}
.qun_trend dl dd h3{margin-top:.4rem;font-size:1.2rem;color:#999}
.qun_trend dl dd h3 b{font-weight:normal;display:inline-block}
.qun_trend dl dd p{margin-top:1rem;clear:both;overflow:auto;margin-bottom:1rem}
.qun_trend dl dd p img{width:8rem;height:8rem;margin:0 .3rem .3rem 0;display:block;float:left;border-radius:.3rem;object-fit:cover;-webkit-object-fit:cover}
.qun_trend dl dd p img:last-child{margin-right:0}
.qun_trend dl dd h1{font-size:1.4rem;line-height:150%;margin:1rem 0 1.5rem 0}
.qun_trend dl dd h1 img{max-width:16rem;display:block;margin-top:1rem;border-radius:.6rem}
/*agreebbs*/
.qun_trend dl em:after,.qun_trend dl  ul:after{font-family:"www_zeai_cn_iconfont" !important;font-style:normal;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;display:inline-block}
.qun_trend dl .agree{width:100%;margin:1.5rem 0 1rem;clear:both;text-align:right}
.qun_trend dl .agree i{vertical-align:middle;height:1.4rem;color:#999;font-size:1.4rem;display:inline-block;line-height:1.4rem;position:relative;margin-left:1rem}
.qun_trend dl .agree i .agreefly{position:absolute;left:2.8rem;top:0;display:inline-block;color:#FD45A7;font-weight:normal;display:none}
.qun_trend dl .agree i font span{margin-left:.2rem}
.qun_trend dl .time{float:left;color:#999;font-size:1.2rem;margin-top:.3rem}
.qun_trend dl em{background-color:#fafafa;padding:.8rem;clear:both;overflow:auto;border-bottom:1px #fff solid;padding-left:4rem;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;position:relative;border-radius:.4rem}
.qun_trend dl em:after{position:absolute;color:#ccc;font-size:1.4rem;content:'赞';left:1.7rem;top:.7rem;}
.qun_trend dl em img,.qun_trend dl  ul li img.m{width:2rem;height:2rem;border-radius:100%;margin-right:.5rem;display:block;float:left;background-color:#fff;object-fit:cover;-webkit-object-fit:cover}
.qun_trend dl em img:last-child{margin:0}
.qun_trend dl .j{width:0;height:0;margin:0 0 0 1.5rem;border-left:1rem solid transparent;border-right:1rem solid transparent;border-bottom:1rem solid #fafafa}
.qun_trend dl .trend_bbsadd{clear:both;overflow:auto;margin-bottom:.5rem}
.trend_bbsadd textarea::-webkit-input-placeholder {color:#aaa;font-size:1.4rem}
.trend_bbsadd textarea{width:100%;height:6rem;padding:.5rem;border-radius:.3rem;margin-bottom:.5rem;font-size:1.4rem;border:#E7E7EB 1px solid;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}
.trend_bbsadd button{float:right}
.qun_trend dl ul{background-color:#fafafa;text-align:left;position:relative;padding:.5rem 1rem .5rem 4rem;border-radius:.4rem;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}
.qun_trend dl ul:after{position:absolute;color:#ccc;font-size:1.4rem;content:'评';left:1.7rem;top:.9rem}/*;left:9px;font-size:2rem\e676*/
.qun_trend dl ul li{line-height:150%;color:#666;text-align:left;margin:.5rem 0}
.qun_trend dl ul h5{width:-webkit-calc(100% - 2.5rem);float:right;display:inline-block;font-size:1.2rem}
.qun_trend dl ul h5 font{color:#999;float:right}
.qun_trend dl ul span{margin-top:.3rem;display:inline-block;color:#333;padding-left:2.3rem;font-size:1.2rem}